<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		.bg{
			width: 850px;
			height: 1800px;
			/* border: 1px solid #666; */
		}
		h2{
			text-align: center;
		}
		.p1{
		display: flex;
		}
		.p1 img{
			width: 20px;
			height: 20px;
			padding-top: 20px;
		}
		.p2{
		display: flex;
		}
		.p2 img{
			width: 20px;
			height: 20px;
			padding-top: 20px;
		}
		.p3{
		display: flex;
		}
		.p3 img{
			width: 20px;
			height: 20px;
			padding-top: 20px;
		}
		.p4{
		display: flex;
		}
		.p4 img{
			width: 20px;
			height: 20px;
			padding-top: 20px;
		}
		.bg .a1{
			width: 850px;
			height: 140px;
		}
		.bg .a1 .a12,.a11{
		float: left;
		padding-left: 20px;
		padding-top: 10px;
		font-size: 10px;
		}
		.bg .a2 .a13,.a14{
		float: left;
		padding-left: 20px;
		padding-top: 10px;
		font-size: 10px;
		}
		.bg .a2{
			width: 830px;
			height: 300px;
		}
		.bg .a2 .a13{
		float: left;
		padding-left: 20px;
		padding-top: 10px;
		font-size: 10px;
		}
		.bg .a1 .a11 input{
			width: 420px;
		}
		.bg table img{
			width: 20px;
			height: 20px;
		}
		.bg table{
			width: 830px;
			height: 200px;
			text-align: center;
			font-size: 10px
		}
		.bg .a1 .a11 .input-image{
			width: 12px;
			height: 12px;
			background-repeat: no-repeat;
			background-position: 10px;
		}
		.bg .a2 .a14 {
			font-size: 10px;
		}
		.bg .a2 .a14 input{
			width: 650px;
			height: 100px;
		}
		.bg .a1 .a11{
			display: flex;
		}
	</style>
	<body>
	<div class="bg">
		<h2>支付信息登记</h2>
		<div class="p1"><img src="../img/u1789.svg"><h4>合同信息</h4></div><hr>
		<div class="a1">
			<div class="a11"><span>合同名称:</span><div style="border: 1px solid #666;width: 425px;height: 21.2px;"><img src="../img/u3941.svg" style=" width: 21px; height: 21px; float: right;"></div></div>
			<div class="a12"><span>合同编码:</span><input type="text"></div>
			<div class="a11"><span>项目名称:</span><input type="text"></div>
			<div class="a12"><span>项目编码:</span><input type="text"></div>
			<div class="a12"><span>合同金额(元):</span><input type="text"></div>
			<div class="a12"><span>合同类型:</span><input type="text"></div>
			<div class="a12"><span>文件编码:</span><input type="text"></div>
			<div class="a12"><span>审计金额(元):</span><input type="text"></div>
			<div class="a12"><span>已支付(元):</span><input type="text"></div>
			<div class="a12"><span>未支付(元):</span><input type="text"></div>
		</div>
		<div class="a2">
		<div class="p2"><img src="../img/u1789.svg" alt=""><h4>付款信息</h4></div><hr>
		<div class="a13"><span>支付编码:</span><input type="text"></div>
		<div class="a13"><span>付款主体:</span><input type="text"></div>
		<div class="a13"><span>付款金额(元):</span><input type="text"></div>
		<div class="a13"><span>申请日期:</span><input type="text"></div>
		<div class="a13"><span>申请人:</span><input type="text"></div>
		<div class="a13"><span>联系电话:</span><input type="text"></div>
		<div class="a13"><span>收款人:</span><input type="text"></div>
		<div class="a13"><span>收款账号:</span><input type="text"></div>
		<div class="a13"><span>收款开户行:</span><input type="text"></div>
		<div class="a14"><span>申请理由:</span><input type="text"></div>
	</div>
		<div class="p3"><img src="../img/u1789.svg" alt=""><h4>付款计划</h4></div><hr>
		<button style="background-color: #1296DB;color: aliceblue;border-radius: 3px;border:none;font-size: 10px;margin-left: 10px;">新增</button>
		<table border="1px"  style="border-collapse: collapse;">
			<tr>
				<td>序号</td>
				<td>文件名称</td>
				<td>附件</td>
			</tr>
			<tr>
				<td>1</td>
				<td>付款申请单</td>
				<td><img src="../img/u1840.svg" alt=""></td>
			</tr>
			<tr>
				<td>2</td>
				<td>付款发票</td>
				<td><img src="../img/u1840.svg" alt=""></td>
			</tr>
			<tr>
			<td>3</td>
			<td>付款收据</td>
			<td><img src="../img/u1840.svg" alt=""></td>
			</tr>
			<tr>
				<td>4</td>
				<td>其他</td>
				<td><img src="../img/u1840.svg" alt=""></td>
			</tr>
		</table>
		</div>
	</body>
</html>